﻿// JavaScript Document
$.fn.smartFloat = function(size) {
	var position = function(element) {
		var top = element.position().top, pos = element.css("position");
		
		
		$(window).scroll(function() {
			var scrolls = $(this).scrollTop();
			scrolls += size;
			if (scrolls > top) { //如果滚动到页面超出了当前元素element的相对页面顶部的高度
				if (window.XMLHttpRequest) { //如果不是ie6
					element.css({
						position: "fixed",
						top: size
					}).addClass("shadow");	
				} else { //如果是ie6
					element.css({
						top: scrolls
					});	
				}
			}else {
				element.css({
					position: pos,
					top: top
				}).removeClass("shadow");	
			}
			
			
			// 查找某个页面的div距离头部的固定值 翻页， 代码待重构
			$("div[id^=page_]").each(function() {
				// 浏览器的40%
				var space = parseInt(window.screen.height) * 0.15;
				// 页div距离头部的高度
				var divTop = parseInt($(this).offset().top);
				// 滚动条高度
				var scrollTop = parseInt($(window).scrollTop());
				// 计算页div距离浏览器头的高度
				var clientTop = divTop - scrollTop;
				
				// 如果页的div距离浏览器的头部小于浏览器高的40%度就翻页
				if(clientTop <= space) {
					// 页码
					var id = $(this).attr('id');
					var page = id.substr(id.indexOf('_') + 1, id.length);
					
					// 翻页设置页码控件的check为true
					
					$('div[check=true]').attr('class', 'unck');
					$('div[check=true]').attr('check', 'false');
					
					// 时间轴选中背景
					$('div[page=page_' + page + ']').attr('class', 'ck');
					$('div[page=page_' + page + ']').attr('check', 'true');
				}
			});
		});
	};
	return $(this).each(function() {
		position($(this));						 
	});
	
};
$(function(){
	$("#timelinetit").smartFloat(0);
	
	// 节点点击事件
	$("div[page^=page_]").on('click', function() {
		// 获取页数
		var page = $(this).attr('page');
		var pageIdx = parseInt(page.substr(page.indexOf('_') + 1, page.length));
		
		// 滚动条根据页数动画滚动
		// 500自定义毫秒 可以修改
		$("html,body").animate({scrollTop : parseInt($('#page_' + pageIdx).offset().top)}, 200);
	});
});


